<template>
  <!--页面整体大框-->
  <div class="first">
    <!--第一部分搜索条件及按钮-->
    <div class="one" style="display: inline-block">
      <el-form :model="queryParams" ref="queryForm" size="small" :inline="true"  >

        <!--左半部分搜索条件 -->
        <div class="one-left" style="display: inline-block">
      <el-form-item label="日期">
            <el-date-picker
              v-model="dateRange"
              type="datetimerange"
              range-separator="至"
              start-placeholder="开始日期"
              end-placeholder="结束日期">
            </el-date-picker>
          </el-form-item>


          <!--时间选择器（起始日期）
          <el-form-item label="日期" prop="entryName" label-width="40px">
            <div class="block">
              <el-date-picker
                style="width: 70%"
                v-model="startTime"
                type="date"
                placeholder="起始日期">
              </el-date-picker>
            </div>
          </el-form-item> -->

          <!--时间选择器（结束日期）
          <el-form-item label=" ~ " prop="entryName" label-width="18px" style="margin-left: -8%">
            <div class="block">
              <el-date-picker
                style="width: 70%"
                v-model="endTime"
                type="date"
                placeholder="结束日期">
              </el-date-picker>
            </div>
          </el-form-item> -->

          <el-form-item label="部门：" prop="department">
            <el-select v-model="queryParams.department" placeholder="请选择部门" clearable style="width: 210px" >
              <el-option
                v-for="dict in dict.type.yqg_department"
                :key="dict.value"
                :label="dict.label"
                :value="dict.value"
              />
            </el-select>
          </el-form-item>

          <!--  <el-form-item label="项目：" prop="entryName">
              <el-select v-model="queryParams.entryName" placeholder="请选择项目" clearable style="width: 210px" >
                <el-option
                  v-for="dict in dict.type.yqg_project_category"
                  :key="dict.value"
                  :label="dict.label"
                  :value="dict.value"
                />
              </el-select>
            </el-form-item> -->


          <!--搜索时有问题   multiple显示多选 -->
          <el-form-item label="项目类别：" prop="projectCode">
            <el-select v-model="projectCategorylist" multiple placeholder="请选择项目类别">
              <el-option
                v-for="dict in dict.type.yqg_project_category"
                :key="dict.value"
                :label="dict.label"
                :value="dict.value">
              </el-option>
            </el-select>
          </el-form-item>


          <el-form-item label="班次：" prop="sailings">
            <el-select v-model="queryParams.sailings" placeholder="请选择班次" clearable style="width: 210px" >
              <el-option
                v-for="dict in dict.type.yqg_sailings_signs"
                :key="dict.value"
                :label="dict.label"
                :value="dict.value"
              />
            </el-select>
          </el-form-item>

          <el-form-item label="吧号：" prop="seat">
            <el-input
              v-model="queryParams.seat"
              placeholder="请输入台号"
              clearable
              style="width: 210px"
              @keyup.enter.native="handleQuery"
            />
          </el-form-item>
          <el-form-item label="结账方式：" prop="paymentMethod">
            <el-select v-model="queryParams.paymentMethod" placeholder="请选择结账方式" clearable style="width: 210px" >
              <el-option
                v-for="dict in dict.type.yqg_payment_method"
                :key="dict.value"
                :label="dict.label"
                :value="dict.value"
              />
            </el-select>
          </el-form-item>
        </div>
      </el-form>
      <el-form>
        <el-form-item  style="text-align: right;">
<!--          <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>-->
<!--          <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>-->
<!--          <el-button type="success" icon="el-icon-download" size="small" @click="handleExport" >导出</el-button>-->
        </el-form-item>
      </el-form>

      <!-- <el-row :gutter="10" class="mb8">
         <el-col :span="1.5">
           <el-button
             type="primary"
             plain
             icon="el-icon-plus"
             size="mini"
             @click="handleAdd"
             v-hasPermi="['project:room:add']"
           >新增</el-button>
         </el-col>
         <el-col :span="1.5">
           <el-button
             type="success"
             plain
             icon="el-icon-edit"
             size="mini"
             :disabled="single"
             @click="handleUpdate"
             v-hasPermi="['project:room:edit']"
           >修改</el-button>
         </el-col>
         <el-col :span="1.5">
           <el-button
             type="danger"
             plain
             icon="el-icon-delete"
             size="mini"
             :disabled="multiple"
             @click="handleDelete"
             v-hasPermi="['project:room:remove']"
           >删除</el-button>
         </el-col>
         <el-col :span="1.5">
           <el-button
             type="warning"
             plain
             icon="el-icon-download"
             size="mini"
             @click="handleExport"
             v-hasPermi="['project:room:export']"
           >导出</el-button>
         </el-col>
         <right-toolbar :showSearch.sync="showSearch" @queryTable="getList" ></right-toolbar>
       </el-row>
       -->

      <!--第二部分 表格 -->
      <div class="tow">
        <el-table :data="pageList"  border @selection-change="handleSelectionChange"   align="center" :summary-method="getSummaries"
                  style="width: 100%; height: 80%"  >
          <!--  <el-table-column type="selection" width="55" align="center" />
            <el-table-column type="index" label="序号" width="55" :index="indexMethod" align="center"
             ></el-table-column> -->
          <el-table-column prop="projectCode" align="center"  label="商品编号"></el-table-column>

<!--          <el-table-column prop="he"   align="center"  label="核"></el-table-column>-->

          <el-table-column prop="entryName" align="center"  label="品项名称"></el-table-column>
          <el-table-column prop="unitPrice" align="center" label="单价"></el-table-column>
          <el-table-column prop="quantity" align="center"  label="数量"></el-table-column>
          <el-table-column prop="totalAmount" align="center"  label="金额"></el-table-column>


          <el-table-column prop="discountAmount" align="center"  label="折扣额"></el-table-column>
          <el-table-column prop="zengSong" align="center"  label="赠送"></el-table-column>
          <el-table-column prop="commissionPrice" align="center"  label="提成"></el-table-column>
          <el-table-column prop="jingEr" align="center"  label="净额"></el-table-column>

        </el-table>

        <div style="background: #F8F8F9;width: 100%;height: 44px">
          <el-row>
            <el-col :span="6" ><div style="margin-top: 12px;margin-left: 140px">商品数量：</div></el-col>
            <el-col :span="6"><div style="margin-top: 12px;margin-right: 140px">{{ quantity }}个</div></el-col>
            <el-col :span="6"><div style="margin-top: 12px;margin-left: 140px">合计金额：</div></el-col>
            <el-col :span="6"><div style="margin-top: 12px;margin-right: 140px">{{ amount }}元</div></el-col>
          </el-row>
        </div>

       <pagination
          v-show="total>0"
          :total="total"
          :page.sync="queryParams.pageNum"
          :limit.sync="queryParams.pageSize"
          @pagination="pagedItems"
        />
      </div>
    </div>
  </div>
</template>
<script>

//import { listBills, getBills, delBills, addBills, updateBills } from "@/api/module/zxy/xieba";
import {addDetails, getDetails, listDetails, updateDetails,delDetails} from "@/api/module/zxy/xspz";
import {chargeback} from "@/api/module/lyx/chargeback";

export default {
  name: "xspz",
  dicts: ['yqg_bar_bills','yqg_consumption_details','yqg_hand_category', 'yqg_hand_state', 'yqg_retention_status', 'yqg_post',
    'yqg_department', 'yqg_merge_status','yqg_payment_method','yqg_sailings_signs','yqg_project_category','yqg_first_level_classification'],
  data() {
    return {
      //详情相关
      dialogVisible: false,
      // 遮罩层
      loading: true,
      // 选中数组
      ids: [],
      // 非单个禁用
      single: true,
      // 非多个禁用
      multiple: true,
      // 显示搜索条件
      showSearch: true,
      // 总条数
      total: 0,
      // 吧台账单表格数据
    //  billsList: [],
      //消费详情账单表格数据
      detailsList: [],
      // 弹出层标题
      title: "",
      // 是否显示弹出层
      open: false,
      // 查询参数

      // 部门名称
      deptName: undefined,
      // 默认密码
      initPassword: undefined,
      // 日期范围
      dateRange: [],
      startTime: '',
      endTime: '',
      // 岗位选项
      postOptions: [],
      // 角色选项
      roleOptions: [],
      //分页数组
      pageList:[],
      // 查询参数
      querydetailsParams: {
        userId: null,
        deptId: null,
        department: null,
        nickName: null,
        userName: null,
        post: null,
        handBrand: null,
        handCategory: null,
        handState: null,
        retentionStatus: null,
        mergeStatus: null,
        openingTime: null,
        drawTime: null,
        mergeHands: null,
        mergeBarBillsId: null,
        leaveTime: null,
        beforeLeave: null,
        beforeBarBillsId: null,
        entryName: null,
        projectCategory: null,
        projectCode: null,
        mnemonicCode: null,
        unit: null,
        unitPrice: null,
        commissionPrice: null,
        together: null,
        sailingsSigns: null,
        barBillsId: null,
        recordingTime: null,
        quantity: null,
        totalAmount: null,
        seat: null,
        orderNumber: null,
        paymentMethod: null,
        consumptionStatus: null,
        chargebackTime: null,
        reasonForChargeback: null,
        chargebackProcessorAccount: null,
        chargebackProcessorName: null,
        clockTime: null,
        nextClockTime: null,
        nextClockStatus: null,
        recordEmployeeNumber: null,
        recorderEmployeeName: null,
        roomType: null,
        openingHours: null,
        checkOutTime: null,
        checkOutStatus: null,
        note1: null,
        note2: null,
        note3: null,
        note4: null,
        note5: null,
        note6: null,
        note7: null,
        note8: null,
        note9: null,
        note10: null
      },
      queryParams: {
        pageNum: 1,
        pageSize: 10,
        userId: null,
        deptId: null,
        department: null,
        nickName: null,
        userName: null,
        post: null,
        handBrand: null,
        handCategory: null,
        handState: null,
        retentionStatus: null,
        mergeStatus: null,
        openingTime: null,
        drawTime: null,
        mergeHands: null,
        mergeBarBillsId: null,
        leaveTime: null,
        beforeLeave: null,
        beforeBarBillsId: null,
        entryName: null,
        projectCategory: null,
        projectCode: null,
        mnemonicCode: null,
        unit: null,
        unitPrice: null,
        commissionPrice: null,
        together: null,
        sailingsSigns: null,
        barBillsId: null,
        recordingTime: null,
        quantity: null,
        totalAmount: null,
        seat: null,
        orderNumber: null,
        paymentMethod: null,
        consumptionStatus: null,
        chargebackTime: null,
        reasonForChargeback: null,
        chargebackProcessorAccount: null,
        chargebackProcessorName: null,
        clockTime: null,
        nextClockTime: null,
        nextClockStatus: null,
        recordEmployeeNumber: null,
        recorderEmployeeName: null,
        roomType: null,
        openingHours: null,
        checkOutTime: null,
        checkOutStatus: null,
        note1: null,
        note2: null,
        note3: null,
        note4: null,
        note5: null,
        note6: null,
        note7: null,
        note8: null,
        note9: null,
        note10: null
      },


      // 表单参数
      proform: {
        userId: null,
        deptId: null,
        department: null,
        nickName: null,
        userName: null,
        post: null,
        handBrand: null,
        handCategory: null,
        handState: null,
        retentionStatus: null,
        mergeStatus: null,
        openingTime: null,
        drawTime: null,
        mergeHands: null,
        mergeBarBillsId: null,
        leaveTime: null,
        beforeLeave: null,
        beforeBarBillsId: null,
        entryName: null,
        projectCategory: null,
        projectCode: null,
        mnemonicCode: null,
        unit: null,
        unitPrice: null,
        commissionPrice: null,
        together: null,
        sailingsSigns: null,
        barBillsId: null,
        recordingTime: null,
        quantity: null,
        totalAmount: null,
        seat: null,
        orderNumber: null,
        paymentMethod: null,
        consumptionStatus: null,
        chargebackTime: null,
        reasonForChargeback: null,
        chargebackProcessorAccount: null,
        chargebackProcessorName: null,
        clockTime: null,
        nextClockTime: null,
        nextClockStatus: null,
        recordEmployeeNumber: null,
        recorderEmployeeName: null,
        roomType: null,
        openingHours: null,
        checkOutTime: null,
        checkOutStatus: null,
        note1: null,
        note2: null,
        note3: null,
        note4: null,
        note5: null,
        note6: null,
        note7: null,
        note8: null,
        note9: null,
        note10: null
      },
      barform: {
        handBrand: "",
        barNumber: null
      },
      // 合计
      amount: 0, // 总价格
      quantity: 0, // 总数量
      //类别表
      projectCategorylist:[],
      //loading: false,
      flag: 0,
      goodsList: [],
      branchData: [],
      input: "",
      //消费详情账单
      //tableData: [],

      form: {},
      // 表单校验
      rules: {
      }
    };
  },
  created() {
    const handBrand = this.$route.query.handBrand;
    console.log("参数："+handBrand);
    console.log(typeof (handBrand ));
    this.queryParams.handBrand=handBrand.toString();
    if( this.queryParams.handBrand!==""&& this.queryParams.handBrand!==null) {
      console.log(typeof (this.queryParams.handBrand));
      this.getDetailsList();
    }
  },
  //排序
  methods: {
    sortById(a,b){
      if(parseInt(a.handBrand)>parseInt(b.handBrand)) {
        return -1
      }
    },
    sortByTeam(a,b){
      if(parseInt(a.groupId)>parseInt(b.groupId)) {
        return -1
      }
    },
    pagedItems() {
      const startIndex = (this.queryParams.pageNum - 1) * this.queryParams.pageSize;
      const endIndex = startIndex + this.queryParams.pageSize;
      this.pageList= this.detailsList.slice(startIndex, endIndex);
    },

    /** 查询消费详细列表 */
    getList() {
      // if (this.startTime === '' || this.endTime === '' || this.startTime === null || this.endTime == null) {
      //   return
      // }
      // this.queryParams.note1 = this.startTime.getTime()     /** 将note1转换为起始时间 */
      // this.queryParams.note2 = this.endTime.getTime()       /** 将note2转换为终止时间 */
      // this.loading = true;                                  //下方都是固定的
      // listDetails(this.queryParams).then(response => {       //chargeback要与上方的对应以及js文件对应
      //     this.detailsList = response.rows;  /*数据传送到tableData rows表示行*/
      //     this.loading = false;           //初始状态设为false

    this.loading = true;
      listDetails(this.queryParams).then(response => {
       this.detailsList = response.rows;
        this.amount = 0
        this.quantity = 0
        for (let i = 0; i < this.detailsList.length; i++) {
          this.quantity +=parseInt(this.detailsList[i].quantity)
          this.amount +=parseInt(this.detailsList[i].totalAmount)
         /* if(this.detailsList[i].consumptionStatus==="0"){
            console.log(this.amount);

          }*/

        }
        this.pagedItems();
        this.total = response.total;
        this.loading = false;
      });

      // 手动计算合计


    },

    /** 查询吧台账单列表
    getList() {
      this.loading = true;
      listBills(this.queryParams).then(response => {
        this.billsList = response.rows;
        this.total = response.total;
        this.loading = false;
      });
    },*/

    // 取消按钮
    cancel() {
      this.open = false;
      this.reset();
    },
    // 表单重置
    reset() {
      this.form = {
        ID: null,
        userId: null,
        deptId: null,
        department: null,
        nickName: null,
        userName: null,
        post: null,
        handBrand: null,
        handCategory: null,
        handState: null,
        retentionStatus: null,
        mergeStatus: null,
        openingTime: null,
        drawTime: null,
        mergeHands: null,
        mergeBarBillsId: null,
        leaveTime: null,
        beforeLeave: null,
        beforeBarBillsId: null,
        entryName: null,
        projectCategory: null,
        projectCode: null,
        mnemonicCode: null,
        unit: null,
        unitPrice: null,
        commissionPrice: null,
        together: null,
        sailingsSigns: null,
        barBillsId: null,
        recordingTime: null,
        quantity: null,
        totalAmount: null,
        seat: null,
        orderNumber: null,
        paymentMethod: null,
        consumptionStatus: null,
        chargebackTime: null,
        reasonForChargeback: null,
        chargebackProcessorAccount: null,
        chargebackProcessorName: null,
        clockTime: null,
        nextClockTime: null,
        nextClockStatus: null,
        recordEmployeeNumber: null,
        recorderEmployeeName: null,
        roomType: null,
        openingHours: null,
        checkOutTime: null,
        checkOutStatus: null,
        note1: null,
        note2: null,
        note3: null,
        note4: null,
        note5: null,
        note6: null,
        note7: null,
        note8: null,
        note9: null,
        note10: null
      };

      this.resetForm("form");

    },

    /** 搜索按钮操作 */
    handleQuery() {
      console.log(this.projectCategorylist)
      console.log(this.queryParams.projectCategory)
      /*let Category="";
      for(let i=0;i<this.projectCategorylist.length;i++){
        if(i==0){
          Category=this.projectCategorylist[i];
        }
        else{
          Category=Category+","+this.projectCategorylist[i];
        }
      }
      console.log(Category)*/
      this.queryParams.projectCategory=this.projectCategorylist;
      if(this.dateRange.length==2){
        var date1 = new Date(this.dateRange[0]);
        var date2= new Date(this.dateRange[1]);
        var year1= date1.getFullYear();
        var month1 = date1.getMonth() + 1; // 月份是从0开始计数的，需要加1
        var day1 = date1.getDate();
        var formattedDate1 = year1 + "-" + (month1 < 10 ? "0" + month1 : month1) + "-" + (day1 < 10 ? "0" + day1 : day1);
        var year2= date2.getFullYear();
        var month2 = date2.getMonth() + 1; // 月份是从0开始计数的，需要加1
        var day2 = date2.getDate();
        var formattedDate2 = year2 + "-" + (month2 < 10 ? "0" + month2 : month2) + "-" + (day2 < 10 ? "0" + day2 : day2);
        this.queryParams.note1=formattedDate1;
        this.queryParams.note2=formattedDate2;
      }

      console.log(this.queryParams.note1)
      console.log(this.dateRange[0]);
      /*this.queryParams.projectCategory=this.queryParams.projectCategory[0];*/
      console.log(this.queryParams.projectCategory)
      this.queryParams.pageNum = 1;
      this.getList();

    },
    /** 重置按钮操作 */
    resetQuery() {
      this.resetForm("queryForm");
      this.dateRange=[];
      this.projectCategorylist=[];
      this.handleQuery();
   //   this.queryParams.department = ''     //重置部门
  //    this.startTime = ''                  //重置起始时间
 //     this.endTime = ''                    //重置终止时间
  //    this.detailsList = []                  //重置表格内数据，表内是数组所以用[]
    },
    // 多选框选中数据
    handleSelectionChange(selection) {
      this.ids = selection.map(item => item.ID)
      this.single = selection.length!==1
      this.multiple = !selection.length
    },
    /** 新增按钮操作 */
    handleAdd() {
      this.reset();
      this.open = true;
      this.title = "添加消费详情";
    },
    /** 修改按钮操作 */
    handleUpdate(row) {
      this.reset();
      const ID = row.ID || this.ids
      getDetails(ID).then(response => {
        this.form = response.data;
        this.open = true;
        this.title = "修改消费详情";
      });
    },
    indexMethod(index) {
      index = (index + 1) + (this.queryParams.pageNum - 1) * this.queryParams.pageSize
      return index
    },
    /** 提交按钮 */
    submitForm() {
      this.$refs["form"].validate(valid => {
        if (valid) {
          if (this.form.ID != null) {
            updateDetails(this.form).then(response => {
              this.$modal.msgSuccess("修改成功");
              this.open = false;
              this.getList();
            });
          } else {
            addDetails(this.form).then(response => {
              this.$modal.msgSuccess("新增成功");
              this.open = false;
              this.getList();
            });
          }
        }
      });
    },
    /** 删除按钮操作 */
    handleDelete(row) {
      const IDs = row.ID || this.ids;
      this.$modal.confirm('是否确认删除消费详细编号为"' + IDs + '"的数据项？').then(function() {
        return delDetails(IDs);
      }).then(() => {
        this.getList();
        this.$modal.msgSuccess("删除成功");
      }).catch(() => {});
    },

    /** 导出按钮操作 */
    handleExport() {
      /*if (this.startTime === '' || this.endTime === '' || this.startTime === null || this.endTime == null) {     /!** 这里要走一遍判断，若均为空则返回空 *!/
         this.queryParams.note1 = this.startTime.getTime()
         this.queryParams.note2 = this.endTime.getTime()
       }*/

       this.download('project/zxy/xspz/export', {  //改一下位置，其他不用改
        ...this.queryParams
      }, `销售品种_${new Date().getTime()}.xlsx`)//导出表下载时的表名
    },

    handleClose(done) {
      this.$confirm('确认关闭？')
        .then(_ => {
          done();
        })
        .catch(_ => {});
    },

    //算总价
    //指定列求和
    getSummaries(param) {
      const {columns, data} = param;
      const sums = [];
      //第一列命名合计
      columns.forEach((column, index) => {
        if (index === 0) {
          sums[index] = '合计';
          return;
        }
        const values = data.map(item => Number(item[column.property]));
        // console.log(column.property)

        //指定allCompanyNum、allCarNum、allDriverNum不求和，其余列军求和
        if (column.property !== 'visitorId' && column.property !== 'tableNumber' && column.property !== 'entryName' && column.property !== 'projectCategory'
          && column.property !== 'projectCode' && column.property !== 'mnemonicCode' && column.property !== 'unit'
          && column.property !=='unitPrice' && column.property !== 'recordingTime'&& column.property !== 'consumptionStatus') {
          sums[index] = values.reduce((prev, curr) => {
            const value = Number(curr);
            if (!isNaN(value)) {
              return prev + curr;
            } else {
              return prev;
            }
          }, 0);
          sums[index];
        } else {
          sums[index] = ''
        }
      });
      let jine = sums[sums.length - 2];
      sums[sums.length - 2] = Math.round(jine * 100) / 100
      return sums
    },
    onSubmit() {
      // console.log('submit!');
    },
    handleNodeClick(data) {
      // console.log(data);
    },
    handleClick(tab, event) {
      // console.log(tab, event);
    }
  }
};
</script>
<style scoped>
/*大框样式*/
.first {
  display: flex;
  flex-direction: column;
  margin-left: 1%;
  margin-right: 1%;
  margin-bottom: 1%;
}

/*搜索行样式*/
.one {
  display: inline-block;
  margin-top: 2%;
  height: 20%;
  width: 100%;
}

.tow {
  margin-top: 5px;
}


/*#app {*/
/*  font-family: "Avenir", Helvetica, Arial, sans-serif;*/
/*  -webkit-font-smoothing: antialiased;*/
/*  -moz-osx-font-smoothing: grayscale;*/
/*}*/
/*.allpage{*/
/*  !*position: fixed;*!*/
/*  margin-left: 5px;*/
/*  margin-right: 5px;*/

/*}*/
/*.el-header{*/
/*  margin-left: 10px;*/
/*  margin-right: 10px;*/
/*  margin-bottom: 5px;*/
/*  background-color: #FFFFFF;*/
/*}*/

.el-aside {
  background-color: #E9EEF3;
  min-width:600px;
  margin-left: 10px;
  margin-right: 5px;
  margin-top: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
  position: inherit;
}

.el-main {
  background-color: #FFFFFF;
  color: #333;
  width: 1225px;
  margin-right: 5px;
  margin-top: 10px;
  margin-left: 5px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
  position: inherit;
}
.el-aside,.el-main{
  height: 765px;
  margin-bottom: 10px;
}
.text1{
  /**height: 515px; */
  wihth:50%;
  border-radius: 1px;
  margin-bottom: 1px;
  /** overflow-y: auto;
  overflow-x: hidden;
/** box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
*/

}

/*.text2{*/
/*  height: 230px;*/
/*  width: 552px;*/
/*  border-radius: 4px;*/
/*  margin-bottom: 5px;*/
/*  box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);*/
/*  position: inherit;*/
/*}*/
/*.text3{*/
/*  height: 155px;*/
/*  margin-top: 5px;*/
/*  margin-left: 5px;*/
/*  margin-right: 5px;*/
/*  border-radius: 4px;*/
/*  position: inherit;*/

/*}*/
/*.iconstyle{*/
/*  margin-top: 5px;*/
/*}*/
/*.position-fixed{*/
/*  position: inherit;*/
/*  margin-bottom: 5px;*/
/*  margin-top: 10px;*/
/*}*/
/*.listtable{*/
/*  margin-top: 1px;*/
/*  !**  overflow-y: auto;*/
/*   overflow-x: hidden;*/
/*   position: inherit; *!*/
/*}*/
.divide{
  margin-top: 4px;
  margin-bottom: 10px;
}
/*.button-list1{*/
/*  text-align: center;*/
/*}*/
/*.button-list2{*/
/*  margin-top: 5px;*/
/*  text-align: center;*/
/*  margin-bottom: 5px;*/

/*}*/
/*.button1{*/
/*  background-color: #ebd4ef;*/
/*  border: #9c26b0;*/
/*}*/
::-webkit-scrollbar{
 width: 0!important;
}
::-webkit-scrollbar{
 width: 0!important;height: 0;
}
</style>


